<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>墨阅小说</title>
	<link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
	<link th:href="@{/moyue/css/new_file.css}"  rel="stylesheet">
	<link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
	<link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
	<body>
		<div class="person-header">
            <div class="person-wrapper">
               <div class="wrapper-logo">
                   	个人中心
               </div>
               <div class="wrapper-nav">
                   <ul>
                       <li>
                       		<a th:href="@{/moyue/user/myhomehtml}" style="background-color: #EE4259;">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe605;</i>  </span>我的首页
                       		</a>
                       </li>
                       <li>
                       		<a th:href="@{/moyue/book/bookcaselist}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe603;</i>  </span>我的书架
                       		</a>
                       	</li>
                       <li>
                       		<a th:href="@{/moyue/user/messagehtml}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe6f3;</i>  </span>消息中心
                       		</a>
                       </li>
					   <li>
						   <a th:href="@{/moyue/user/booktaghtml}">
							   <span style="font-size:18px;">
								   <i class="fa fa-book"></i>
							   </span>
							   我的书单
						   </a>
					   </li>
                   </ul>
               </div>
               <div class="account-number">
               		<div class="go-home">
						<a th:href="@{/moyue/user/index}">墨阅首页</a>
               		</div>
               		<div class="go-login">
               			
               		</div>
               </div>
            </div>      
        </div>
        
        <div class="person-nav">
        	<div class="person-sidebar">
		        <div class="grouping">
		        	<ul> 
			            <li>
			            	<a th:href="@{/moyue/user/myhomehtml}">
			            		<span style="font-size:18px;"><i class="iconfont">&#xe605;</i>  </span>首页
			            	</a>
			            </li>
			            <li class="first-section">
			            	<a th:href="@{/moyue/user/financialhtml}" style="color: #EE4259;">
			            		<span style="font-size:18px;"><i class="iconfont">&#xe648;</i>  </span>财务中心
			            	</a>
			           	</li>
			            <li>
			            	<a th:href="@{/moyue/user/uploadhtml}">
			            		<span style="font-size:18px;"><i class="iconfont">&#xe78a;</i>  </span>设置
			            	</a>
			           	</li>
						<li>
							<a th:href="@{/moyue/user/safetyhtml}" target="_blank">
								<span style="font-size:18px;"><i class="iconfont">&#xe645;</i>  </span>安全中心
							</a>
						</li>
		            </ul>
		        </div>
		    </div>
		    <div class="person-content">
		    		<h3 style="margin-left: 10px;">我的资产</h3>
					<div style="width: 940px;">
						<div class="balance">
							<p style="font-size: 16px;font-weight: 600;" >账户余额（起点币）</p>
							<div class="asset-acount"><span th:text="${money}">*</span></div>
							<p style="margin-top: 15px;">含<span>0</span>增币</p>
							<div class="charge">
								<a th:href="@{/moyue/user/payment}" target="_blank" class="btn">充值</a>
							</div>
						</div>
					</div>
					<div style="margin: 20px 0 0 10px;">
						<span style="font-size: 22px; font-weight: 600; margin-left: 10px;">交易记录</span>
						<span style="margin-left: 8px;">交易记录可能存在延时，仅供参考，请以实际金额变化为准</span>
					</div>
					<div class="container" style="margin: 25px 0 0 10px; width: 400px;">
						<div class="row clearfix">
							<div class="col-md-12 column">
								<div class="tabbable" id="tabs-852070">
									<ul class="nav nav-tabs">
										<li class="active">
											 <a href="#panel-103957" data-toggle="tab">消费记录</a>
										</li>
										<li>
											 <a href="#panel-829211" data-toggle="tab">充值记录</a>
										</li>
										<!--<li>-->
											 <!--<a href="#panel-829222" data-toggle="tab">获赠记录</a>-->
										<!--</li>-->
									</ul>
									<div class="tab-content" style="min-height: 400px; background-color: #fff; width: 912px;">
										<div class="tab-pane active" id="panel-103957">
											<div class="purchase" style="height: 70px;">
												<p style="float: left; width: 400px; text-indent: 2em;">当前筛选项累计消费
													<span><b>0</b></span>起点币（2017年4月以前打赏筛选项不包括女生网打赏记录)
												</p>
												<div>
													<input type="button" value="删除" class="delete">
												</div>
											</div>
											<div class="recharge">
												<table border="0" cellspacing="" cellpadding="">
													<tr>
														<th  width="266px" scope="col">消费金额</th>
														<th  width="266px" scope="col">消费时间</th>
														<th  width="266px" scope="col">类别</th>
														<th  width="266px" scope="col">备注</th>
														<th>删除</th>
													</tr>
													<tbody>
													<tr th:each="consume : ${consume}">
														<th  width="266px" scope="col" th:text="${consume.consumeMoney}">充值金额</th>
														<th  width="266px" scope="col" th:text="${consume.consumeDate}">充值时间</th>
														<th  width="266px" scope="col" th:text="${consume.consumeType}">充值时间</th>
														<th  width="266px" scope="col" th:text="${consume.consumeNote}">备注</th>
														<th><button class="delete-s">删除</button></th>
													</tr>
													</tbody>
												</table>
											</div>
										</div>
										<div class="tab-pane" id="panel-829211">
											<div class="purchase" style="height: 70px;">
												<div>
													<input type="button" value="删除" class="delete">
												</div>
											</div>
											<div class="recharge">
												<table border="0" cellspacing="" cellpadding="">
													<tr>
														<th  width="266px" scope="col">充值金额
														<th  width="266px" scope="col">类别</th>
														<th  width="266px" scope="col">充值时间</th>
														<th>删除</th>
													</tr>
													<tbody>
														<tr th:each="pay : ${chongzhi}">
															<th  width="266px" scope="col" th:text="${pay.consumeMoney}">充值金额</th>
															<th  width="266px" scope="col" th:text="${pay.consumeType}">备注</th>
															<th  width="266px" scope="col" th:text="${pay.consumeDate}">充值时间</th>
															<th><button class="delete-s">删除</button></th>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
			</div>

		</div>
        
        <div class="person-footer">
        	<div class="footer">
        		<div class="flider">
        			<div style="margin: 0 auto; width: 405px;">
        				<a href="////">关于墨阅</a>
	        			<a href="////">联系我们</a>
	        			<a href="////">加入我们</a>
	        			<a href="////">帮助中心</a>
	        			<a href="////">提交建议</a>
	        			<a href="////">举报中心</a>
        			</div>
	        		<p><span>Copyright &copy; 2002-2018 www.qidian.com All Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
		            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
		            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
		            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
		            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        		</div>
        	</div>
        </div>

		<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
		<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
		<script type="text/javascript" th:src="@{/moyue/js/new_file.js}"></script>
	</body>
</html>
